Giới thiệu tới bạn bè cùng xem nhé? Xin chân thành cảm ơn!
Tìm kiếm trên site:
Xtgem hỗ trợ tự động phat hiện khach truy cập đang dung thiết bị gi
Code:<xt:get_device_template />
C3 trường hợp:
- mobile: Nếu người dung sử dụng điện thoại hoặc cac thiết bị cầm tay thong thường
- web: Người dung truy cập từ PC
- touch: Người dung sử dụng cac dong may đời rất cao Iphone, Galaxy hoặc Ipad
Qua đo chung ta co thể tạo ra code thay đổi giao diện phu hợp với cac thiết bị tren.
- Bạn cần viết 3 css cho 3 loại giao diện. Đặt ten như sau: css cho mobile (wap) đặt ten lmobile.css, css cho pc web.css, css cho touch touch.css (touch rất hiếm nen ko cần quan tam nh! sau đay HD Auto wap/web). Chưa đủ trinh viết css có thể lấy của wap khác - Tiếp theo bạn cần chèn code put css này vô _headtags hoặc chèn vô file bạn muốn thay đổi giao diện. Nhớ bỏ css đang dung đi nha.
Code: <link rel="stylesheet"href="/thư_mục_chứa_css/<xt:get_device_template />.css"/>
Vi dụ bạn đặt cac file css tren trong thư mục my-stylethcode l:
<link rel="stylesheet"href="/my-style/<xt:get_device_template />.css"/>
Tiếp theo để co thể chuyển đổi giao diện bạn cần 3 file html ở đay minh vi dụ với index (trang chủ) bạn cần tạo 3 file(index, index_mobile, index_web)
- index_mobile: bạn thiết kế giao diện wap cho mobile
- index_web: giao diện web cho PC
- index: Tắt _header v_footer đi nha chen code nay vo: <xt:include >
Cac file khac lam tương tự.
Nếu khó hiểu quá các bạn có thể tham khảo thêm tại google!
Visual mobile site building tool
Tìm kiếm trên site:
Lên nhanh